<html>
<head>
<LINK href="css/default.css" rel="stylesheet" type="text/css">


<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
	var myLatlng = new google.maps.LatLng(0,0);
    var myOptions = {
      zoom: 2,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    #foreach($p in $positionsList )
		new google.maps.Marker({
	        position: new google.maps.LatLng($p.latitude,$p.longitude), 
	        map: map,
	        title:"$p"
    	});
    #end   
}
</script>


</head>
<body onload="initialize()">
<h1>Positions</h1>
<!-- <h2>List</h2>
<ul>
	#foreach($p in $positionsList )
	<li>$p  <a href="$p.mapURL" >Map</a></li>
	#end
</ul>
 -->
 <div id="map_canvas"></div>
</body>
</html>




 
 

